<template>
	<swiper class="swiper" circular :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval"
		:duration="duration">
		<swiper-item v-for="item in swiperList" :key="item.id">
			<image class="swiper-image" :src="item.imgUrl" mode=""></image>
		</swiper-item>
	</swiper>
</template>

<script setup>
import { ref } from 'vue';
	const indicatorDots = ref(true)
	const autoplay = ref(true)
	const interval  =ref(3000)
	const duration = ref(1000)
	const {swiperList} = defineProps(['swiperList'])
</script>

<style lang="scss" scoped>
.swiper-image{
	width: 100vw;
	height: 300rpx;
}
</style>